<template>
  <div class="copyright">
    &copy;
    <a href="#" class="copyright-item"
      >published by ebxcto</a
    >
    <span class="copyright-mark"></span>
    <a href="mailto:ebxcto@qq.com" class="copyright-item">ebxcto@qq.com</a>
    <span class="copyright-mark"></span>
    <a href="https://beian.miit.gov.cn" target="_blank" class="copyright-item"
      >待备案中。。。</a
    >
  </div>
</template>

<script>
export default {
  name: 'Footer',
}
</script>

<style scoped lang="scss">
.copyright {
  padding: 32px 0;
  margin-top: 32px;
  color: #9199a1;
  font-size: 13px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}

.copyright-item {
  color: #9199a1;
  text-decoration: none;
}
.copyright-item:hover {
  color: #0164da;
}
.copyright-mark {
  display: inline-block;
  margin: 0 10px;
  height: 10px;
  width: 1px;
  background: #ccc;
}
</style>
